<template>
  <div class="apply">
    <el-form class="earlyMappingForm" :inline="true" label-position="right" label-width="80px">
      <div class="maintitle">申请项目实施(市级项目)</div>
      <el-form-item label="实施金额" style=" margin-right:80px;">
        <el-input style="width:180px" type="number" v-model="demo">
          <i slot="suffix">万元</i>
        </el-input>
      </el-form-item>
      <el-form-item label="实施规模">
        <el-input style="width:180px" type="number" v-model="demo1">
          <i slot="suffix">公顷</i>
        </el-input>
      </el-form-item>
      <div>
        <el-form-item label="项目实施申请书" label-width="120px">
          <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/">
            <!-- :file-list="fileList"
            :on-success="getreport"-->
            <el-button size="small">上传</el-button>
          </el-upload>
        </el-form-item>
      </div>
      <div class="maintitle">申请项目实施区县意见</div>
      <div class="formAllRow">
        <div>
          <div class="area">区县中心审查意见</div>
          <el-form-item>
            <el-input style="width:1000px;" :rows="6" type="textarea" v-model="demo2"></el-input>
          </el-form-item>
        </div>
      </div>
      <div class="formcontent">
        <div>
          <el-form-item label="审查人" label-width="60px">
            <el-input v-model="demo3"></el-input>
          </el-form-item>
          <el-form-item label="审查日期" label-width="110px">
            <el-date-picker v-model="demo4"></el-date-picker>
          </el-form-item>
          <el-form-item label="审查意见" label-width="110px">
            <el-select v-model="demo5">
              <el-option label="同意" value="同意"></el-option>
              <el-option label="不同意" value="不同意"></el-option>
            </el-select>
          </el-form-item>
        </div>
      </div>
      <div class="formAllRow">
        <div>
          <div class="area">区县局审查意见</div>
          <el-form-item>
            <el-input style="width:1000px;" :rows="6" type="textarea" v-model="demo6"></el-input>
          </el-form-item>
        </div>
      </div>

      <div class="formcontent">
        <div>
          <el-form-item label="审查人" label-width="60px">
            <el-input v-model="demo7"></el-input>
          </el-form-item>
          <el-form-item label="审查日期" label-width="110px">
            <el-date-picker v-model="demo8"></el-date-picker>
          </el-form-item>
          <el-form-item label="审查意见" label-width="110px">
            <el-select v-model="demo9">
              <el-option label="同意" value="同意"></el-option>
              <el-option label="不同意" value="不同意"></el-option>
            </el-select>
          </el-form-item>
        </div>
      </div>

      <div style="margin-top:50px;">
        <el-form-item>
          <el-button type="primary">提交</el-button>
          <el-button>取消</el-button>
        </el-form-item>
      </div>
    </el-form>
  </div>
</template>

<script>
// import config from "@/config/index.js";
// import moment from "moment";
// import {
//   getInvAndCon,
//   getAdvice,
//   addAdvice,
//   getSignature
// } from "@/api/plannDesignBudget/reviewOpinions.js";
export default {
  name: "baseMessage",
  data() {
    return {
      demo: null,
      demo1: null,
      demo2: null,
      demo3: null,
      demo4: null,
      demo5: null,
      demo6: null,
      demo7: null,
      demo8: null,
      demo9: null
    };
  }
};
</script>

<style scoped lang="scss">
.apply {
  margin-top: 20px;
  background-color: #fff;
  padding: 20px;
  .x-title {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 25px;
    color: rgba(77, 77, 77, 1);
    margin-bottom: 30px;
  }
  .x-project {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 20px;
    ul {
      display: flex;
      li {
        margin-right: 30px;
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: 500;
        color: rgba(166, 166, 166, 1);
      }
    }
  }
  .x-other {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 20px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 20px;
    ul {
      display: flex;
      li {
        margin-right: 60px;
        span {
          font-size: 14px;
          font-family: PingFang SC;
          font-weight: 500;
          line-height: 20px;
          color: rgba(166, 166, 166, 1);
        }
      }
    }
  }
  .x-total {
    span:first-child {
      font-size: 14px;
      font-family: PingFang SC;
      line-height: 20px;
      color: rgba(51, 51, 51, 1);
    }
    span:last-child {
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 20px;
      color: rgba(51, 51, 51, 1);
    }
  }
  .x-subtitle {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 20px;
    color: rgba(102, 102, 102, 1);
    margin-bottom: 10px;
  }
  .x-textarea {
    margin-bottom: 20px;
  }
}
</style>
<style lang="scss" scoped>
/deep/ .el-form--inline .el-form-item__label {
  color: #a1a1a1;
}

.apply {
  padding: 20px 20px 0 20px;
  min-height: calc(100vh - 154px);
  background-color: #fff;
}
.maintitle {
  margin: 20px 0;
}
.area {
  margin: 30px 0 15px 0;
  font-size: 14px;
  color:#666666;
}
.btn {
  margin-top: 30px;
}
</style>